<!-- src/views/Home.vue -->
<template>
    <div class="container">
      <sideBar></sideBar>
      <main class="content">
        <Top></Top>
        <div class="building_container">
          <h1 class="creating">建设中，敬请期待</h1>
        </div>
      </main>
    </div>
  </template>
  
  <script setup>
  // 如果需要在 Home 页面处理逻辑可以在这里写
  import Top from '../components/top.vue';
  import { ref, reactive } from 'vue'
  import sideBar from '../components/sideBar.vue';
  
  // import { useUserStore } from '../store/user';
  // const { userState, setUsername,  } = useUserStore();
  // userState.isShowLogin = false
  // if ( !userState.token ) {
  //   setTimeout(() => {
  //     userState.isShowLogin = true
  //   },1000)
  // }
  </script>
  
  <style scoped>
  .building_container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

  }

  .creating {
    font-size: 30px;
    color: #FFF;
  }

  .container {
    display: flex; 
    min-height: 100vh; 
    background: linear-gradient(180deg, rgba(30, 30, 64, 1) 0%, rgba(32, 32, 50, 1) 100%);
  }
  
  .content {
    flex: 1; /* 自动填充剩余空间 */
    overflow-y: auto; /* 允许垂直滚动 */
  }
 
  </style>
  